<!--#include file="../nav/top.php" -->
<style type="text/css">

.bigtitle{
color:#007F41;
font-size:24px;
background:url(/misc/images/pages/shu.png) top left no-repeat;
height:42px;
line-height:42px;
padding-left:50px;
margin:10px auto;
}
 



.duan1{
background:url(/misc/images/home/zhanghu1.png) top left no-repeat;
width:584px;
height:124px;
position:relative;
margin:0px auto;
} 
.duan2{
background:url(/misc/images/home/jiantou.png) top left no-repeat;
width:584px;
height:35px;
position:relative;
margin:0px auto;
} 
.duan3{
background:url(/misc/images/home/zhanghu2.png) top left no-repeat;
width:584px;
height:250px;
position:relative;
margin:0px auto;
} 
.duan4{
background:url(/misc/images/home/zhanghu3.png) top left no-repeat;
width:584px;
height:123px;
position:relative;
margin:0px auto;
} 


.toprightbg{
background:url(/misc/images/pages/right_jiating.jpg) left top no-repeat;
width:377px;
height:285px;
}
.mycontent_title_c{
background:url(/misc/images/pages/title_tianyuanzhanghu.jpg) left top no-repeat;
}
</style> 
<div class="toprightbg_out">
	<div class="toprightbg">	</div>
</div>
<div class="mycontent">
	<div class="mycontent_title_out">
		<div class="mycontent_title_c">
			<div class="mycontent_title_h1">会员登录</div>
			<div class="mycontent_title_h2">Member Login</div>
		</div>
		<div class="mycontent_title_line">		</div>
	</div>
	
	<div style="width:690px;margin:0px auto;">
 

<style type="text/css">
.logininput{
background:url(/misc/images/logininput.jpg) top left no-repeat;
height:32px;
width:220px;
line-height:32px;
border:0;
color:#257B47;
padding-left:10px;
}
.loginbtn{
background:url(/misc/images/loginbtn.jpg) top left no-repeat;
height:32px;
width:131px;
line-height:32px;
border:0;
color:#FFFFFF;
}

.inputdiv{
margin:20px 20px 20px 50px;position:relative
}
.inputdiv span{
float:left;
color:#257B47;
line-height:32px;
width:80px;
}
</style>	
<script type="text/javascript">
function fnLogin(){
	var obj = {
		username:$('#username').val(),
		password:$('#password').val()
	};
	if(obj.username == ''){
		alert('请输入会员编号！');
		$('#username').focus();
		return false;
	}
	if(obj.password == ''){
		alert('请输入登录密码！');
		$('#password').focus();
		return false;
	}
  $('button').attr('disabled','disabled');
	$.ajax({
		async:true,
		type:'post',
		url:'/login/index',
		data:{
			username:obj.username,
			password:obj.password 
		},
		success:function(e){
			var ok = errorHandler(e);
			if(ok){　 
				jumpTo('/member/index');
			}else{
  			$('button').attr('disabled','');
			}	
		}
	});
	
}
$().ready(function(){
	$('#username').focus();
  $('#username').keypress(function(e){
		if(e.keyCode==13||e.keyCode==10){
			$('#password').focus();
		}
	}); 
  $('#password').keypress(function(e){
		if(e.keyCode==13||e.keyCode==10){
			fnLogin();
		}
	}); 
});
</script>	
		<div style="height:300px;position:relative">
			<form action="" onsubmit="return false;" method="post" name="memberlogin" >
				<div class="inputdiv" style="margin:50px 50px 20px 50px;">
					<span>会员编号：</span>
					<input type="text" class="logininput" value="" id="username" />
				</div>
				<div class="inputdiv"  >
					<span>密 码：</span>
					<input type="password" class="logininput" value="" id="password" />
				</div>
				<div class="inputdiv" >
					<span> &nbsp;</span>
					<button onclick="fnLogin()" class="loginbtn">登 录</button>
				</div>
			</form>
		</div>
	</div>
	<div style="height:50px;"></div>
	<div style="background:url(/misc/images/home/niao.png) top left no-repeat;height:310px;width:298px;position:absolute;bottom:0px;right:0px;"></div>
</div>
<!--#include file="../nav/bottom.php" -->